<!DOCTYPE html>
<html>
  <head>
    <!-- Required meta tags-->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- Color theme for statusbar -->
    <meta name="theme-color" content="#2196f3">
    <!-- Your app title -->
    <title>帮我砍价！</title>
    <!-- Path to Framework7 Library CSS, Material Theme -->
    <link rel="stylesheet" href="/assets/umpmobile/framework7.ios.colors.min.css">
    <!-- Path to Framework7 color related styles, Material Theme -->
    <link rel="stylesheet" href="/assets/umpmobile/framework7.ios.min.css">
    <!-- Path to your custom app styles-->
    <link rel="stylesheet" href="/assets/umpmobile/myapp.css">
	<script src="//g.alicdn.com/tmapp/tida2/2.0.129/??tida.js,monitor.js?appkey=23300843"></script>
  </head>
  <body>
  <input type="hidden" class="mixednick" />
  <input type="hidden" class="friend" value="{$friend}"/>
  <input type="hidden" class="qcode" value="{$code_img.modules.qrcode_d_o.qrcode_url}" />
  <input type="hidden" class="cid" value="{$cats.id}" />
  <input type="hidden" class="my_id" value="{$my_id}" />
  <input type="hidden" class="sid" value="{$sid}" />
    <!-- Views -->
   <div class="views">
      <div class="view view-main">
        <div class="pages">
          <div data-page="home" class="page navbar-fixed">
            <!-- <div class="navbar">
              <div class="navbar-inner">
                <div class="left"></div>
                <div class="center">帮我砍价！</div>
                <div class="right"></div>
              </div>
            </div> -->
            <div class="page-content pull-to-refresh-content infinite-scroll"  data-distance="100" data-ptr-distance="55">
				<!-- 默认的下拉刷新层 -->
				<div class="pull-to-refresh-layer">
				  <div class="preloader"></div>
				  <div class="pull-to-refresh-arrow"></div>
				</div>
				<div class="card invent-success">
				</div>
              <div class="card facebook-card">
                <div class="card-header">
                  <div class="facebook-avatar"><img src="{$avatar}" width="34" height="34"></div>
                  <div class="facebook-name">名称：{$cats.name}</div>
                  <div class="facebook-date">在{$cats.start_time|date_format:"%m月%d日"}-{$cats.end_time|date_format:"%m月%d日"}之间，每邀请{$cats.friend_num}个朋友扫码，减钱{$cats.decrease_amount/100}元</div>
                </div>
                <div class="card-content">
                  <div class="card-content-inner">
					<div class="codeimg" style="width:100%;min-height:100px;text-align:center">
					{if !$code_img.modules.qrcode_d_o.qrcode_url}
					<p>读取二维码出错，请进入店铺后台重新设置！</p>
					{else}
					<img src="{$code_img.modules.qrcode_d_o.qrcode_url}" width="100%" />
					{/if}
					</div>
					<p class="color-gray centered">{if $my_info.friends>0}获得折扣: {$my_info.last_decrease_amount/100}元 &nbsp;&nbsp; 扫码人数: {$my_info.friends}人{else}还没有人扫码，快快邀请好友来砍价！{/if}</p>
					<p class="color-gray centered">长按二维码选择“保存到相册”</p>
                  </div>
                </div>
                <div class="card-footer ">
				<a href="#" class="link praise">喜欢</a>
				<a href="#" class="button color-red open-picker" data-picker=".picker-1">叫人来砍价!</a>
				</div>
              </div>
			  <div class="card">
                <div class="card-header">朋友圈里还有折扣！</div>
                <div class="card-content">
                  <div class="list-block media-list">
                    <ul>
					  {foreach from=$event item=item key=key}
                      <li class="item-content">
                        <div class="item-media"><img src="//img.alicdn.com/imgextra/i2/27390555/TB2f5IOlXXXXXXwXpXXXXXXXXXX-27390555.jpg" width="44"></div>
                        <div class="item-inner">
                          <div class="item-title-row">
                            <div class="item-title span2">{$item.name}</div><h4 class="auxiliary-text">{$item.friend_num}人扫码，减钱：{$item.decrease_amount/100}元</h4>
                          </div>
                          <div class="item-subtitle auxiliary-text">{$item.friend_info}</div>
                        </div>
                      </li>
					  {/foreach}
                    </ul>
                  </div>
                </div>
                <div class="card-footer"><span>最后邀请的时间：{$last_invite_time|date_format:"%m月%d日"}</span><a class="button color-red">已邀请{$my_info.friends}人</a></div>
              </div>
			  <div class="content-block">
			   <a href="#" class="button button-big button-round active color-orange">看看能买些什么？ </a>
			  </div>
              <div class="content-block-title">朋友圈里的优惠商品：</div>
			  <div class="list-block item-block" >
			  <ul>
			  {foreach from=$items item=item key=key}
				<div class="card demo-card-header-pic">
				  <div valign="bottom" ><img src="{$item.pic_url}" width="100%"/></div>
				  <div class="card-content">
					<div class="card-content-inner">
					  <p class="color-gray">优惠截止到：2015年12月21日</p>
					  <h2>{$item.title}</h2>
					  <p>{$item.recommend}...</p>
					</div>
				  </div>
				  <div class="card-footer row ">
					<div class="col-50">
						<del class="auxiliary-text item-title ">￥{$item.price}元</del>
						<div class=""><span class="color-pink">{$my_info.friends}位朋友砍价后：</span>
						<h2 class="color-pink">￥{$item.prom_price}元 </h2>
						</div>
					</div>
				    <div class="col-50"><a href="#" class="button button-round color-pink item-buy" data-numiid="{$item.num_iid}">立即购买</a></div>
				  </div>
				  <p><a  href="#" data-picker=".picker-1" class="link button button-raised color-orange item-share open-picker" data-pic="{$item.pic_url}" >砍价</a></p>
				</div>
			  {/foreach}
			  </ul>
			  </div>
			  <!-- 加载提示符 -->
			  <div class="infinite-scroll-preloader">
				<div class="preloader"></div>
			  </div>
            </div>
          </div>
        </div>
      </div>
    </div>
	<div class="picker-modal picker-1" style="background:#FFF">
		<div class="toolbar">
		  <div class="toolbar-inner">
			<div class="left"></div>
			<div class="right"><a href="#" class="close-picker">取消</a></div>
		  </div>
		</div>
		<div class="picker-modal-inner">
		  <div class="content-block" style="margin:10px 0">
			<h4>请复制以下信息，粘贴到朋友圈、QQ群、好友对话框等位置：</h4>
			<p>
			<textarea id="sharetext" class="sharetext" style="width:100%;height:75px;">亲！发现一个打折的好方法，打开这个链接，就可以帮我打折哦！这边的东西贼不错，我超级想要，拜托啦！{$my_info.short_url}</textarea>
			</p>
			<p>
			</p>
		  </div>
		</div>
	  </div>
    <!-- Path to Framework7 Library JS-->
    <script type="text/javascript" src="/assets/umpmobile/framework7.min.js"></script>
    <!-- Path to your app js-->
    <script type="text/javascript" src="/assets/umpmobile/myapp.js"></script>
  </body>
</html> 